<template>
	<view class="container" style="height: 100vh;">
		<view style="margin-top: 30%;text-align: center;font-size: 30px;font-weight: bolder;">
			<text >你是否拥有教练?</text>
		</view>
		<view style="margin-top: 88%;display: flex;justify-content: space-around;">
		      <button class="custom-button" @click="skip" style=" border: 1px solid #bcbcbc;color: rgb(152, 152, 152);">跳过</button>
		      <button class="custom-button" @click="haveCoach" style="background-color:rgb(148, 171, 253);color: aliceblue;">拥有教练 &#9658;</button>
		    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳过按钮操作
			skip () {
				uni.navigateTo({
					url: '/pages/student/chooseLabel/welcome',
					animationType: 'slide-out-top',
					animationDuration: 200
				});
			},
			// 拥有教练按钮操作
			haveCoach() {
				uni.navigateTo({
					url: '/pages/student/index/bindingCoach',
					animationType: 'slide-out-top',
					animationDuration: 200
				})
			},
		}
	}
</script>

<style>
.custom-button {
  padding: 10px 20px;
  border-radius: 25px;
  width: 35vw;
  font-size: 15px;
  display: flex;
    align-items: center;
    justify-content: center;
}

</style>
